import {
  mapGetters
} from 'vuex'
export default {
  computed: {
    // 把 m_cart 模块中名称为 total 的 getter 映射到当前页面中使用
    ...mapGetters('m_cart', ['total'])
  },
  methods: {
    setBadge() {
      
      // 调用 uni.setTabBarBadge() 方法，为购物车设置右上角的徽标
      uni.setTabBarBadge({
        index: 2, //索引
        text: this.total + '' // 注意：text 的值必须是字符串，不能是数字
      })
      if (this.total == 0) {
        uni.removeTabBarBadge({
          index: 2,
        })
      }
    }
  },

watch: {
    total() { //简写的函数形式
      this.setBadge()
    }
  },
  // watch:{   //细写的对象形式
  //   total:{
  //     handler(newVal){
  //       this.setBadge()
  //     },
  //     immediate:true
  //   }
  // },
  onShow() {
    //页面刚展示的时候，设置徽标
    this.setBadge()
  }
}
